<script setup lang="ts">

</script>

<template>
  <div id="wai">
    <div class="divright" style="position:right;">
      <img src="./img/touxiang.jpg"></img>
    </div>
    <div class="divleft">
      <ui>
        <li>姓名:陈浩贤</li>
        <li>性别:男</li>
        <li>出生年月日：秘密</li>
        <li>手机:189****0181</li>
        <li>邮箱:cpgj2013@gmail.com</li>
        <li>微信号:手机同号</li>
        <li>出生地:地球</li>
      </ui>
      <br>
      <ui>
        <li>教育经历</li>
        <li>小学(2010-2016)</li>
        <li> 初中(2016-2019)</li>
        <li> 职中(2019-2022)</li>
        <li> 大学(2022-2025)</li>
      </ui>
      <br>
      <table border="1" cellspacing="0" style="text-align: center;">
        <caption>成绩表</caption>
        <tr>
          <th>科目</th>
          <th>分数</th>
        </tr>
        <tr>
          <td>web</td>
          <td>60</td>
        </tr>
      </table>
      <br>
      <div>工作经历：东莞理工学校实习</div>
      <div>个人自述：良好</div>

    </div>
  </div>
</template>

<style>
#wai {
  display: block;
  width: 100%;
  height: 800px;
  overflow: hidden;

  background-image: url("./img/back.png");
  background-size: cover;
}

.divleft {
  float: left;
  width: 500px;
  font-size: 18px;
}

.divright {
  float: right;
  width: 200px;
}

</style>